* {
    margin: 0 auto;
}

.outeer {
    display: flex;
    align-items: center;
    text-align: center;
    height: 250px;
    width: 300px;
    border: solid 1px yellow;
}

.middle {
    display: flex;
    align-items: center;
    text-align: center;
    height: 100px;
    width: 200px;
    border: red solid 1px;
}